%header.header-logged-out{ data: { testid: 'navbar' } }
  %a.gl-sr-only.gl-accessibility{ href: "#content-body" } Skip to content
  .container-fluid
    %nav.header-logged-out-nav.gl-flex.gl-gap-3.gl-justify-between{ 'aria-label': s_('LoggedOutMarketingHeader|Explore GitLab') }
      .gl-flex.gl-items-center.gl-gap-1
        %span.gl-sr-only GitLab
        = link_to root_path, title: _('Homepage'), id: 'logo', class: 'header-logged-out-logo has-tooltip', aria: { label: _('Homepage') }, **tracking_attrs('main_navigation', 'click_gitlab_logo_link', 'navigation_top') do
          = brand_header_logo
        - if Gitlab.com_and_canary?
          = gl_badge_tag({ variant: :success }, { href: Gitlab.canary_toggle_com_url, data: { testid: 'canary_badge_link' }, target: :_blank, rel: 'noopener noreferrer', class: 'canary-badge' }) do
            = s_('GitLab Next|Next')

      %ul.gl-list-none.gl-p-0.gl-m-0.gl-flex.gl-gap-3.gl-items-center.gl-grow
        - if Gitlab.com?
          %li.header-logged-out-nav-item.header-logged-out-dropdown{ class: "@md/panel:gl-hidden" }
            %button.header-logged-out-toggle{ type: "button", data: { toggle: "dropdown" } }
              %span.gl-sr-only
                = _('Menu')
              = sprite_icon('hamburger', size: 16)
            .dropdown-menu
              %ul
                %li
                  = link_to promo_url(path: '/why-gitlab') do
                    = s_('LoggedOutMarketingHeader|Why GitLab')
                %li
                  = link_to promo_pricing_url do
                    = s_('LoggedOutMarketingHeader|Pricing')
                %li
                  = link_to promo_url(path: '/sales') do
                    = s_('LoggedOutMarketingHeader|Contact Sales')
                %li
                  = link_to _("Explore"), explore_root_path
          %li.header-logged-out-nav-item.gl-hidden{ class: "@md/panel:gl-inline-block" }
            = link_to promo_url(path: '/why-gitlab') do
              = s_('LoggedOutMarketingHeader|Why GitLab')
          %li.header-logged-out-nav-item.gl-hidden{ class: "@md/panel:gl-inline-block" }
            = link_to promo_pricing_url do
              = s_('LoggedOutMarketingHeader|Pricing')
          %li.header-logged-out-nav-item.gl-hidden.gl-inline-block
            = link_to promo_url(path: '/sales') do
              = s_('LoggedOutMarketingHeader|Contact Sales')
        %li.header-logged-out-nav-item{ class: ('gl-hidden @md/panel:gl-inline-block' if Gitlab.com?) }
          = link_to _("Explore"), explore_root_path, class: ''

      - if header_link?(:sign_in)
        %ul.gl-list-none.gl-p-0.gl-m-0.gl-flex.gl-gap-3.gl-items-center.gl-justify-end
          %li.header-logged-out-nav-item
            = link_to _('Sign in'), new_session_path(:user, redirect_to_referer: 'yes')
          - if allow_signup?
            %li.header-logged-out-nav-item
              = render Pajamas::ButtonComponent.new(href: new_user_registration_path, variant: :confirm, button_options: { class: '!gl-inline-flex' }) do
                = Gitlab.com? ? _('Get free trial') : _('Register')
